<div class="portlets-data">
    <script type="text/html" id="PlayScreenStageView">
        <joo:composition extclasses="screen">
                <joo:Sketch extclasses="wordScreen" varName="wordcol">
                   <% 
                       var len = GameData.content.length;
                       var heg = 768/len - 1;
                       var fontsize = 70*5/len;
                       for (var y in GameData.content){
                   %>
                    <joo:Sketch extclasses="word" varName="word<%=y%>" extstyles="height: <%=heg%>px;">
                        <joo:Sketch extclasses="text" extstyles="font-size: <%=fontsize%>px;"><%=GameData.content[y].text%></joo:Sketch>
                        <joo:Sketch extclasses="dot" varName="dot<%=y%>"></joo:Sketch>
                    </joo:Sketch>
                   <%}%>
                   
                </joo:Sketch>
                <joo:Sketch extclasses="matchScreen"></joo:Sketch>
                <joo:Sketch extclasses="imageScreen" varName="itemcol">
                    <% 
                        var imagecollen = GameData.image.length;
                        var imgcolheg = 768/imagecollen - 1;
                        var imgMinSize = 100*5/imagecollen;
                        var imgMaxSize = 140*5/imagecollen;
                        for(var y in GameData.image){
                    %>
                    <joo:Sketch extclasses="item" extstyles="height: <%=imgcolheg%>px;">
                        <joo:Sketch extclasses="dot" varName="dotItem<%=y%>"></joo:Sketch>
                        <joo:Sketch extclasses="text" varName="textItem"><%=GameData.image[y].text%></joo:Sketch>
                        <joo:Sketch extclasses="image" varName="itemImage">
                            <joo:JOOImage src="/matchword/static/images/PlayScreen/<%=GameData.image[y].url%>" extstyles="min-width: <%=imgMinSize%>px;min-height: <%=imgMinSize%>px;max-height: <%=imgMaxSize%>px;max-width: <%=imgMaxSize%>px;"></joo:JOOImage>
                        </joo:Sketch>
                    </joo:Sketch>
                    <%}%>
                </joo:Sketch>
                <joo:JOOCanvas extclasses="canvas" varName="CanvasPos"></joo:JOOCanvas>
        </joo:composition>
    </script>
</div>